diff options
Diffstat (limited to 'app/[lng]/admin/page.tsx')
| -rw-r--r-- | app/[lng]/admin/page.tsx | 132 |
1 files changed, 132 insertions, 0 deletions
diff --git a/app/[lng]/admin/page.tsx b/app/[lng]/admin/page.tsx new file mode 100644 index 00000000..04679342 --- /dev/null +++ b/app/[lng]/admin/page.tsx @@ -0,0 +1,132 @@ +// app/admin/page.tsx +'use client' + +import { useState } from 'react' + +export default function AdminPage() { + const [isLoading, setIsLoading] = useState(false) + const [lastResult, setLastResult] = useState<string | null>(null) + + + const clearTestData = async () => { + const confirmation = window.confirm( + '⚠️ 정말로 모든 테스트 데이터를 삭제하시겠습니까?\n\n삭제될 데이터:\n- Forms\n- Form Metas\n- Form Entries\n- Tags\n\n이 작업은 되돌릴 수 없습니다!' + ) + + if (!confirmation) return + + setIsLoading(true) + setLastResult(null) + + try { + const response = await fetch('/api/admin/clear-test-data', { + method: 'DELETE', + }) + + const result = await response.json() + + if (result.success) { + setLastResult(`✅ 성공: ${result.message}`) + console.log('Deleted counts:', result.deleted) + } else { + setLastResult(`❌ 실패: ${result.error}`) + console.error('Error details:', result.details) + } + } catch (error) { + setLastResult(`❌ 네트워크 오류: ${error}`) + console.error('Network error:', error) + } finally { + setIsLoading(false) + } + } + + const checkApiStatus = async () => { + try { + const response = await fetch('/api/admin/clear-test-data') + const result = await response.json() + setLastResult(`ℹ️ API 상태: ${result.message}`) + } catch (error) { + setLastResult(`❌ API 체크 실패: ${error}`) + } + } + + return ( + <div className="min-h-screen bg-gray-50 py-8"> + <div className="max-w-2xl mx-auto px-4"> + <div className="bg-white rounded-lg shadow-md p-6"> + {/* 헤더 */} + <div className="border-b pb-4 mb-6"> + <h1 className="text-2xl font-bold text-gray-900"> + 🔧 개발 관리자 패널 + </h1> + <p className="text-gray-600 mt-2"> + 테스트 데이터 관리 및 개발 도구 + </p> + <div className="mt-2 inline-block bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-sm"> + Development Mode Only + </div> + </div> + + {/* 테스트 데이터 삭제 섹션 */} + <div className="mb-8"> + <h2 className="text-lg font-semibold mb-4 text-gray-800"> + 🗑️ 테스트 데이터 삭제 + </h2> + + <div className="bg-red-50 border border-red-200 rounded-md p-4 mb-4"> + <h3 className="font-medium text-red-800 mb-2">삭제될 테이블:</h3> + <ul className="text-sm text-red-700 space-y-1"> + <li>• forms (양식 정보)</li> + <li>• form_metas (양식 메타데이터)</li> + <li>• form_entries (양식 입력 데이터)</li> + <li>• tags (태그 정보)</li> + </ul> + </div> + + <div className="flex gap-3"> + <button + onClick={clearTestData} + disabled={isLoading} + className={`px-4 py-2 rounded-md font-medium transition-colors ${ + isLoading + ? 'bg-gray-300 text-gray-500 cursor-not-allowed' + : 'bg-red-600 text-white hover:bg-red-700' + }`} + > + {isLoading ? '삭제 중...' : '🗑️ 전체 데이터 삭제'} + </button> + + <button + onClick={checkApiStatus} + disabled={isLoading} + className="px-4 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors" + > + 🔍 API 상태 확인 + </button> + </div> + </div> + + {/* 결과 표시 */} + {lastResult && ( + <div className="bg-gray-50 border rounded-md p-4"> + <h3 className="font-medium text-gray-800 mb-2">실행 결과:</h3> + <p className="text-sm font-mono whitespace-pre-wrap"> + {lastResult} + </p> + </div> + )} + + {/* 추가 정보 */} + <div className="mt-8 pt-6 border-t"> + <h3 className="font-medium text-gray-800 mb-2">📋 사용법:</h3> + <div className="text-sm text-gray-600 space-y-1"> + <p>• 이 페이지는 개발 환경에서만 접근 가능합니다</p> + <p>• 삭제 전 반드시 확인 창이 표시됩니다</p> + <p>• API 엔드포인트: <code className="bg-gray-100 px-1 rounded">/api/admin/clear-test-data</code></p> + </div> + </div> + </div> + </div> + </div> + ) +}
\ No newline at end of file |